<!DOCTYPE html>
<html lang="en">
    <head>
        <tittle>列表</tittle>
        <meta charset="utf-8">
    </head>
    <body>
    <ul type="circle">
        <li align="center">1</li>
        <li align="center">2</li>
        <li align="center">3</li>
        <li align="center">4</li>
        <li align="center">5</li>
        <li align="center">6</li>
    </ul>
    <!-- 一键生成多个li li*6{$}[align="center"]
    快捷键：ctrl+f 全局搜索
    ctrl+d 快速选中li  -->
    <ol type="A" start="5">
        <li align="center">1</li>
        <li align="center">2</li>
        <li align="center">3</li>
        <li align="center">4</li>
        <li align="center">5</li>
        <li align="center">6</li>
    </ol>

    <strong>sdf</strong>
    <strong>sdf</strong>

    <dl>
        <dt>kfks</dt>
        <dt>kdfj</dt>
        <dd>1</dd>
        <dd>2</dd>
        <dd>3</dd>
    </dl>

    <table border="1" width="200" height="200" cellspacing="0" align="center">
        <tr style="color: green;font-size: 50px;" align="center"  valign="top">
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr style="color: green;font-size: 50px;" align="center"  valign="top">
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>

    <!-- 作业一，三国班成绩表 -->
    <table border="0" width="900" height="40" align="center" cellspacing="1">
        <tr align="center">
            <td colspan="2"  width="450" height="58"><strong style="font-size: 25px">《三国班》成绩表</strong></td>
        </tr>
        <tr align="center" bgcolor="#059ecc" height="40">
            <td width="450">姓名</td>
            <td width="450">成绩</td>
        </tr>
        <tr align="center" height="40">
            <td>刘备</td>
            <td>96分</td>
        </tr>
        <tr align="center" height="40" bgcolor="#e6f6ff">
            <td>张飞</td>
            <td>62分</td>
        </tr>
        <tr align="center" height="40">
            <td>曹操</td>
            <td>98分</td>
        </tr>
        <tr align="center" height="40">
            <td colspan="2" style="font-size: 20px;color: #f7bbc4" bgcolor="#fff4f4">注；成绩百分之，70分及格</td>
        </tr>
    </table>

    <!-- 作业二，专利库表格 -->
    <table style="border: 3px #fc4343 solid;margin: 0 auto; width: 1265px; height: 514px;">
        <tr align="cdnter">
            <td colspan="10">&nbsp;&nbsp;&nbsp;&nbsp;共375件专利</td>
        </tr>
        <tr align="cdnter">
            <td style="font-size: 15px">1</td>
            <td style="font-size: 15px">2</td>
            <td style="font-size: 15px">3</td>
            <td style="font-size: 15px">4</td>
            <td style="font-size: 15px">5</td>
            <td style="font-size: 15px">6</td>
            <td style="font-size: 15px">7</td>
            <td style="font-size: 15px">8</td>
            <td style="font-size: 15px">9</td>
            <td style="font-size: 15px">10</td>
        </tr>
        <tr align="cdnter">3</tr>
        <tr align="cdnter">4</tr>
        <tr align="cdnter">5</tr>
        <tr align="cdnter">6</tr>
        <tr align="cdnter">7</tr>
        <tr align="cdnter">8</tr>
        <tr align="cdnter">9</tr>
        <tr align="cdnter">10</tr>
        <tr align="cdnter">11</tr>
    </table>

   <style>
        .yi {
           width: 200px;
           height: 200px;
           background: rebeccapurple;
           /* padding: 100px; */
           padding: 30px 60px 90px;
           /* padding-left,等   padding教内边距*/
           border: 3px solid skyblue;  
           /* border叫边框， solid是实线 */
           /* border-radius: 25%;   圆角弧度*/
           margin: 20px auto;  /*上下20，左右自适应,, 即居中 */
           /* margin是外边距，即盒子之间的距离 */
       }
   </style>

    <div class="yi">
        111111
        222222
    </div>

    <p class="yi">333333</p>

    <div>
        333
    </div>

</body>
</html>